<!DOCTYPE html>
<html>
<head>
    <title>智能助手鼠果果</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f4f8;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 80%;
            margin: 20px auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .header {
            background-color: #e6f0ff;
            padding: 20px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .header img {
            width: 100px;
            border-radius: 50%;
        }
        .header h2 {
            margin: 0;
        }
        .header p {
            margin: 5px 0 0;
            font-size: 14px;
            color: #666;
        }
        .question-box {
            display: flex;
            margin-top: 20px;
        }
        .question-box div {
            background-color: #f0f4f8;
            padding: 10px;
            border-radius: 5px;
            margin-right: 10px;
            flex: 1;
        }
        .content {
            display: flex;
            margin-top: 20px;
        }
        .content .left, .content .right {
            flex: 1;
            margin-right: 20px;
        }
        .content .right {
            margin-right: 0;
        }
        .content h3 {
            margin: 0 0 10px;
            font-size: 16px;
        }
        .content p {
            margin: 5px 0;
            font-size: 14px;
            color: #666;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <div>
                <h2>HI，我是智能助手鼠果果...</h2>
                <p>您可以这样问</p>
            </div>
            <img src="https://example.com/avatar.jpg" alt="Avatar">
        </div>
        <div class="question-box">
            <div>2025年2月综合电商的销售收入是多少？</div>
            <div>2025年2月综合电商的销售收入是多少？</div>
        </div>
        <div class="content">
            <div class="left">
                <h3>如何正确提问？</h3>
                <p>示例：基于新品“蔓越莓豆沙糕”上线30天的全渠道表现，请告诉我深度运营该品的建议。</p>
                <p>避免歧义：避免模糊词汇（如“很快”“很多”），改用具体数值或范围。</p>
                <p>分步提问：若问题涉及多环节，可拆分为多个子问题</p>
            </div>
            <div class="right">
                <h3>注意事项</h3>
                <p>回答内容受你的知识库范围和权限影响，有些问题可能无法完整覆盖</p>
                <p>部分回答基于已有内容训练或规则推理，建议结合上下文判断</p>
                <p>若涉及品牌策略、行业趋势等问题，请关注信息时效性和引用来源</p>
            </div>
        </div>
    </div>
</body>
</html>
